{% extends "basic.html" %}
{% block mainbody %}
<style type="text/css">
*{ padding: 0; margin: 0; }
body{ background: #fff; font-family: '微软雅黑'; color: #333; font-size: 16px; }
.system-message{ padding: 24px 48px; }
.system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
.system-message .jump{ padding-top: 10px}
.system-message .jump a{ color: #333;}
.system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px ;}
.system-message .success{color:#00f;}
.system-message .error{color:#f00;}
.system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none}
</style>
<div class="system-message">
{% if message %}
<p class="success">{{ message }}</p>
{% else %}
<p class="error">{{ error }}</p>
{% endif %}
<p class="detail"></p>
<p class="jump">
页面自动 <a id="href" {% if jumpUrl %}href="{{ jumpUrl }}"{% else %}href="javascript:window.history.go(-1);"{% endif %}>跳转</a> 等待时间： <b id="wait">{{ waitSecond }}</b>
</p>
</div>
<script type="text/javascript">
(function(){
var wait = document.getElementById('wait'),href = document.getElementById('href').href;
var interval = setInterval(function(){
	var time = --wait.innerHTML;
	if(time <= 0) {
		location.href = href;
		clearInterval(interval);
	};
}, 1000);
})();
</script>
{% endblock %}